<template>
	<div class="home">
    <div class="banner-box">
      <u-swiper :list="bannerList"  img-mode="scaleToFill" :height="300"></u-swiper>
    </div>
    <u-notice-bar mode="vertical" :list="noticeList"></u-notice-bar>
    <div class="content">
      <u-gap height="20"></u-gap>
      <u-section :font-size="36" sub-color="#409eff" title="中医知识" :arrow="false" sub-title="''"></u-section>
      <NewList />
    </div>
  </div>
</template>

<script>
import NewList from "./newList.vue";
	export default {
    components: {
      NewList
    },
		data() {
			return {
        bannerList: [],
        noticeList: [
          '中医舌诊上线了！',
        ],
			}
		},
		onLoad() {
      this.$api.bannerList().then(res => {
        this.bannerList = res.map(el => {
          return {
            image: this.$baseUrl + el.image,
            title: el.name
          }
        })
      }).catch(err => {
        console.log(err)
      })
		},
		methods: {
		}
	}
</script>

<style lang="scss">
.home {
  .content {
    padding: 20rpx;
  }
  .banner-box {
    background-color: #ffffff;
  }
}
</style>
